<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="答题后台Js/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="答题后台css/zuo-container.css">
    <link rel="stylesheet" href="答题后台css/index.css">
    <link rel="stylesheet" href="答题后台css/menu.css">
    <link rel="stylesheet" href="答题后台css/system.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="答题后台css/cover.css">
    <script src="答题后台Js/menu.js"></script>
    <div class="container">
        <div class="left">
            <div class="one-menu">
                <i class="iconfont icon-drxx08"></i>
                <span>用户权限</span>
            </div>
            <div class="child-menu">
                <ul>
                    <li class="item-user"><i class="iconfont icon-yonghuliebiao"></i>用户列表</li>
                    <li class="item-limits"><i class="iconfont icon-quanxianguanli"></i>权限管理</li>
                </ul>
            </div>
            <div class="one-menu-two">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <span>小程序首页</span>
            </div>
            <div class="child-menu-two" style="display: none">
                <ul>
                    <li class="item-slide"><i class="iconfont icon-liebiao-dian"></i>轮播图</li>
                    <li class="item-system"><i class="iconfont icon-jieshao"></i>体系介绍</li>
                </ul>
            </div>
            <div class="one-menu-three">
                <i class="iconfont icon-tiku"></i>
                <span>题目模块</span>
            </div>
            <div class="child-menu-three" style="display: none">
                <ul>
                    <li class="item-title"><i class="iconfont icon-liebiaolist36"></i>题目列表</li>
                </ul>
            </div>
            <div class="one-menu-for">
                <i class="iconfont icon-huodong"></i>
                <span>课程活动</span>
            </div>
            <div class="child-menu-for" style="display: none">
                <ul>
                    <li class="item-course"><i class="iconfont icon-kechengliebiao"></i>课程列表</li>
                    <li class="item-sort"><i class="iconfont icon-liebiao"></i>类别列表</li>
                    <li class="item-activity"><i class="iconfont icon-kecheng"></i>活动列表</li>
                </ul>
            </div>
            <div class="one-menu-five">
                <i class="iconfont icon-tiku"></i>
                <span>题库模块</span>
            </div>
            <div class="child-menu-five" style="display: none">
                <ul>
                    <li class="item-bank"><i class="iconfont icon-liebiao"></i>题库列表</li>
                </ul>
            </div>
        </div>
        <div class="right limits-right">
            <div class="top">
                <i class="iconfont icon-shuxiangbuju"></i> <span>权限管理</span>
                <div class="xia"><i class=" iconfont icon-xia"></i></div>
                <div class="upload"><i class=" iconfont icon-shangchuantouxiang"></i></div>
            </div>
            <div class="bottom">
                <div class="add addLeft">添加角色</div>
                <div class="lio lioHeight">
                    <table style="text-align: center;height: 282px; ">
                        <thead>
                        <th class="use1">序号</th>
                        <th class="use2">角色</th>
                        <th class="use3">用户</th>
                        <th class="use4">菜单&权限</th>
                        <th class="use2">管理</th>
                        </thead>
                        <tbody>
                        <tr style="height: 58px;">
                            <td>1</td>
                            <td>管理员</td>
                            <td>admin</td>
                            <td>
                                <button class="smallBtn">全部</button>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr style="height: 58px;">
                            <td>2</td>
                            <td>管理员</td>
                            <td>admin</td>
                            <td>
                                <span class="userSpan">用户</span>
                                <button class="smallBtn2">列表</button>
                                <button class="smallBtn2">列表</button>
                                <div class="btnBr">
                                    <span class="userSpan spanLeft">角色权限</span>
                                    <button class="smallBtn2">列表</button>
                                    <button class="smallBtn2">列表</button>
                                    <button class="smallBtn2">列表</button>
                                </div>
                            </td>
                            <td>
                                <button class="change">修改</button>
                            </td>
                        </tr>
                        <tr style="height: 58px;">
                            <td>3</td>
                            <td>管理员</td>
                            <td>admin</td>
                            <td>
                                <span class="userSpan">用户</span>
                                <button class="smallBtn2">列表</button>
                                <button class="smallBtn2">列表</button>
                                <div class="btnBr">
                                    <span class="userSpan spanLeft">角色权限</span>
                                    <button class="smallBtn2">列表</button>
                                    <button class="smallBtn2">列表</button>
                                    <button class="smallBtn2">列表</button>
                                </div>
                            </td>
                            <td>
                                <button class="change">修改</button>
                            </td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>管理员</td>
                            <td>admin</td>
                            <td>
                                <span class="userSpan">用户</span>
                                <button class="smallBtn2">列表</button>
                                <button class="smallBtn2">列表</button>
                                <div class="btnBr">
                                    <span class="userSpan spanLeft">角色权限</span>
                                    <button class="smallBtn2">列表</button>
                                    <button class="smallBtn2">列表</button>
                                    <button class="smallBtn2">列表</button>
                                </div>
                            </td>
                            <td>
                                <button class="change">修改</button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</head>
<body>
<script>
    $(function () {
        $(".item-limits").css("color", "#409Eff");
        $(".item-slide").click(function () {
            location.href = "轮播首页.html"
        })
        $(".item-user").click(function () {
            location.href = "用户列表.html"
        })

        $(".item-title").click(function () {
            location.href = "题目列表.html"
        })
        $(".item-course").click(function () {
            location.href = "课程列表.html"
        })
        $(".item-sort").click(function () {
            location.href = "类别列表.html"
        })
        $(".item-activity").click(function () {
            location.href = "活动列表.html"
        })
        $(".item-bank").click(function () {
            location.href = "题库列表.html"
        })
        $(".item-limits").click(function () {
            $(".limits-right").fadeIn(300);
        })
    });
</script>
</body>
</html>